<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 
             History
                    -代表浏览器的历史记录，可以通过该对象来操作浏览器的历史信息
        */
      
     
      window.onload=function(){
        var btn01=document.getElementById("btn01");
        btn01.onclick=function(){
         /* 
        length
        -属性，可以获取到当前访问的链接数量
       */
       //    alert(history.length);
        /* 
            back()
            -可以用来回退到上一个页面，作用和浏览器的回退按钮一样
         */
    //   history.back();
      /* 
            forward()
            -可以跳转到下一个页面，作用和浏览器的前进按钮一样
      */
    //  history.forward();

    /* 
      go()
      -它可以用来跳转到指定的页面
      -它需要一个整数作为参数
      1：表示向前跳转一个页面
      2：表示向前跳转两个页面
      -1：表示向后跳转一个页面
      -2：表示向后跳转两个页面      
    */
        }
      }
history.go(-1);
    </script>
</head>
<body>
    <button id="btn01">点我一下啊</button>
    <h1>History</h1>
    <a href="120-Navigator.html">去BOM</a>
</body>
</html>